<template>
  <div class="part">
    <table class="table-demo">
      <sp class="header">题目基本信息</sp>
      <tr>
        <td class="name">题目</td>
        <td class="paper">论文一</td>
      </tr>
      <tr>
        <td class="name">课程类型</td>
        <td class="paper">物流</td>
      </tr>
      <tr>
        <td class="name">专业</td>
        <td class="paper">会计电算化</td>
      </tr>
      <tr>
        <td class="name">课程简介</td>
        <td class="paper">物流与会计电算化</td>
      </tr>
      <tr>
        <td class="name">目标与要求</td>
        <td class="paper">原创无抄袭</td>
      </tr>
    </table>

    <table class="table-demo">
      <sp class="header">答辩安排</sp>
      <tr>
        <td class="name">答辩组</td>
        <td class="paper">一组</td>
      </tr>
      <tr>
        <td class="name">答辩组长</td>
        <td class="paper">亲关山</td>
      </tr>
      <tr>
        <td class="name">答辩组教师</td>
        <td class="paper">秦观还</td>
      </tr>
      <tr>
        <td class="name">答辩地点</td>
        <td class="paper">实验楼301</td>
      </tr>
      <tr>
        <td class="name">答辩开始时间</td>
        <td class="paper">线下</td>
      </tr>
    </table>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.part {
  .table-demo {
    width: 500px;
    height: 40px;
    overflow: hidden;
     .header {
      color: #333333;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 13px;
      margin-top: 13px;
      display: block;
    }
    tr {
      border: 1px solid rgba(216, 216, 216, 0.8);
      overflow: hidden;
    }
    .name {
      background: #f4f7fb;
      /* margin-right: 45px; */
      text-align: right;
      padding-right: 45px;
    }
    .paper {
      padding-left: 36px;
    }
    td {
      border: 1px solid rgba(216, 216, 216, 0.8);
      height: 40px;
      line-height: 40px;
      width: 210px;
    }
  }
}
</style>
